<template>
  <div class="member-rights">
    <Row type='flex' align='middle' style="padding: 30px 20px">
      <Col>
        <RadioGroup v-model="buttonValue" type="button">
          <Radio label="0">兑换权益</Radio>
          <Radio label="1">消费权益</Radio>
        </RadioGroup>
      </Col>
      <Col style="margin-left:24px">
        <span>{{buttonValue === '0' ? '彩票兑换礼品折扣设置' : '购买商品折扣权益'}}</span>
        <span style="margin-left:24px"><Icon type="ios-help-circle" size='20' /></span>
      </Col>
    </Row>
    <Row type='flex' justify="center" style="margin-top:50px">
      <Col>
        <Form ref="formInline" :model="formInline" :rules="ruleInline" :label-width="130">
          <FormItem label='新项目，购买享受：' v-if="buttonValue === '0'">
            <Row type='flex' align='middle'>
              <Col>
                <Input type="text" v-model="formInline.name" placeholder="请输入" style="width:200px"></Input>
              </Col>
              <Col style="margin-left:12px"><span>折扣</span></Col>
            </Row>
          </FormItem>
          <FormItem label='XX等级，购买享受：' v-for="(item, index) in 3" :key='index'>
            <Row type='flex' align='middle'>
              <Col>
                <Input type="text" v-model="formInline.name" placeholder="请输入" style="width:200px"></Input>
              </Col>
              <Col style="margin-left:12px"><span>折扣</span></Col>
            </Row>
          </FormItem>
          <FormItem>
            <Button type="primary" style="width:100px" @click="handleSubmit('formInline')">确定</Button>
          </FormItem>
        </Form>
      </Col>
    </Row>
  </div>
</template>

<script>
export default {
  name: '',
  data () {
    return {
      buttonValue: '0',
      formInline: {},
      ruleInline: {}
    }
  },
  methods: {
    handleSubmit () {}
  }
}
</script>

<style lang='less'>
.member-rights{
  .ivu-radio-group-button .ivu-radio-wrapper-checked:first-child {
    color: #fff;
    background: #2d8cf0;
  }
  .ivu-radio-group-button .ivu-radio-wrapper-checked {
    color: #fff;
    background: #2d8cf0;
  }
}
</style>
